.wraps {
    scrollbar-width: 0;
}

.wraps::-webkit-scrollbar {
    width: 0
}

.slideitem {
    overflow: hidden;
    display: inline-block;
    min-height: 200px;
    width: 30%;
}

@media (max-width:1400px) {
    .slideitem {
        display: inline-block;
        width: 40%;
    }
}

@media (max-width:1110px) {
    .slideitem {
        display: inline-block;
        width: 60%;
    }
}

@keyframes lefts {
    0% {
        opacity: 0;
        margin-left: -100px;
    }

    0.01% {
        opacity: 0;
        margin-left: -100px;
    }

    100% {
        opacity: 1;
        margin-left: 0px;
    }
}

@keyframes rights {
    0% {
        opacity: 0;
        margin-right: -100px;
    }

    0.01% {
        opacity: 0;
        margin-right: -100px;
    }

    100% {
        opacity: 1;
        margin-right: 0px;
    }
}